<template>
  <div>
    <el-collapse v-model="activeName" accordion>
      <el-collapse-item name="1">
        <template slot="title">
          <img src="@/assets/bzzx/number_bg@2x.png" alt=""> <span class="el-collapse-item-title1">Q1</span> <span
          class="el-collapse-item-title2">什么是一起帮？</span>
        </template>
        <div>一起帮，砍价帮，大家帮。人人为我，我为人人，互助有偿砍价，一起帮完全免费，不收取任何费用，旨在帮您免费砍价，挽救本就脆弱的人际关系。</div>
      </el-collapse-item>
      <el-collapse-item name="2">
        <template slot="title">
          <img src="@/assets/bzzx/number_bg@2x.png" alt=""> <span class="el-collapse-item-title1">Q2</span> <span
          class="el-collapse-item-title2">如何获取金币？</span>
        </template>
        <div>您可以通过充值、每日任务、邀请好友以及完成首页接单任务等方式来获得金币。</div>
      </el-collapse-item>
      <el-collapse-item name="3">
        <template slot="title">
          <img src="@/assets/bzzx/number_bg@2x.png" alt=""> <span class="el-collapse-item-title1">Q3</span> <span
          class="el-collapse-item-title2">金币可以做些什么？</span>
        </template>
        <div>金币可以发布砍价任务，助您快速完成砍价，还可以提现哦。</div>
      </el-collapse-item>
      <el-collapse-item name="4">
        <template slot="title">
          <img src="@/assets/bzzx/number_bg@2x.png" alt=""> <span class="el-collapse-item-title1">Q4</span> <span
          class="el-collapse-item-title2">如何发布助力任务？</span>
        </template>
        <div>选择任务类型 > 设置接单人数 > 设置接单单价 > 添加任务网址或二维码图片 > 添加或更换验证图 > 支付金币 > 发布完成。<br/>(提示：在发布任务界面右上角，还有详情教程说明。)</div>
      </el-collapse-item>
      <el-collapse-item name="5">
        <template slot="title">
          <img src="@/assets/bzzx/number_bg@2x.png" alt=""> <span class="el-collapse-item-title1">Q5</span> <span
          class="el-collapse-item-title2">如何完成助力任务？</span>
        </template>
        <div>在软件首页完成接单 > 打开任务网址或者识别二维码完成助力 > 上传完成助力的截图。<br/>(提示：任务发布人完成审核，金币将自动转入您的账户。)</div>
      </el-collapse-item>

      <el-collapse-item name="6">
        <template slot="title">
          <img src="@/assets/bzzx/number_bg@2x.png" alt=""> <span class="el-collapse-item-title1">Q6</span> <span
          class="el-collapse-item-title2">任务审核流程？</span>
        </template>
        <div>用户上传完成助力截图，由任务发布人进行审核。如果任务结束24小时未审核，平台将会自动审核通过。如果您发布了互助任务，请注意查看平台提醒及时进行审核。<br/>(提示：请遵守规范，如上传虚假图片和恶意审核，平台将会对您进行封号处理。)</div>
      </el-collapse-item>

      <el-collapse-item name="7">
        <template slot="title">
          <img src="@/assets/bzzx/number_bg@2x.png" alt=""> <span class="el-collapse-item-title1">Q7</span> <span
          class="el-collapse-item-title2">任务结束金币如何结算？</span>
        </template>
        <div>如您的任务到期或者您手动结束任务，未接单消费的金币将自动退回到您的钱包。存在申诉纠纷的任务，将由人工客服在48小时内核实处理。</div>
      </el-collapse-item>
      <el-collapse-item name="8">
        <template slot="title">
          <img src="@/assets/bzzx/number_bg@2x.png" alt=""> <span class="el-collapse-item-title1">Q8</span> <span
          class="el-collapse-item-title2">充值问题解答</span>
        </template>
        <div>金币充值比列：10000金币=1元，充值金币可用于发布砍价任务，多余金币不用还可提现。</div>
      </el-collapse-item>
      <el-collapse-item name="9">
        <template slot="title">
          <img src="@/assets/bzzx/number_bg@2x.png" alt=""> <span class="el-collapse-item-title1">Q9</span> <span
          class="el-collapse-item-title2">提现问题解答</span>
        </template>
        <div>您的金币可以提现到支付宝，请先绑定支付宝账户，金币兑换比列：10000金币=1元。提现会在7个工作日内审核到账。</div>
      </el-collapse-item>
      <el-collapse-item name="10">
      <template slot="title">
        <img src="@/assets/bzzx/number_bg@2x.png" alt=""> <span class="el-collapse-item-title1">Q10</span> <span
        class="el-collapse-item-title2">邀请用户解答</span>
      </template>
      <div>您邀请得用户，下载安装后，完成任何接单任务，填写您得邀请码后，就可获得对应金币奖励。</div>
    </el-collapse-item>
      <el-collapse-item name="11">
        <template slot="title">
          <img src="@/assets/bzzx/number_bg@2x.png" alt=""> <span class="el-collapse-item-title1">Q11</span> <span
          class="el-collapse-item-title2">用户封禁问题解答</span>
        </template>
        <div>如果您被其他用户举报，或者通过非法手段完成平台任务，一经查实，平台有权封禁您得账户，一起帮提倡"公平完成任务，享受正当权益"。</div>
      </el-collapse-item>
    </el-collapse>
  </div>
</template>

<script>
  export default {
    name: 'bzzx',
    data() {
      return {activeName: '1'}
    }
  }
</script>
<style>
  .el-collapse-item {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .el-collapse-item-title1 {
    width: 2rem /* 50/25 */;
    height: 1.68rem /* 42/25 */;
    text-align: center;
    line-height: 1.48rem /* 37/25 */;
    position: absolute;
    margin-left: 0.7rem;
    margin-bottom:0.5rem;
    font-family: PingFangSC-Medium;
    font-size: 1.55rem /* 28/25 */;
    color: #ffffff;
    letter-spacing: 1px;
  }

  .el-collapse-item-title2 {
    font-family: PingFangSC-Medium;
    font-size: 1.1rem /* 32/25 */;
    color: #303133;
    letter-spacing: 0.0308rem /* 0.77/25 */;
    font-weight: bold;
    margin-left: 0.7rem;
    margin-bottom:0.5rem;
  }

  .el-icon-arrow-right {
    margin-bottom: 1rem;
  }
</style>
